/*----------RESPONSIVE LAYOUTS----------*/
.col-1 { width:60px; }
.col-2 { width:140px; }
.col-3 { width:220px; }
.col-4 { width:300px; }
.col-5 { width:380px; }
.col-6 { width:460px; }
.col-7 { width:540px; }
.col-8 { width:620px; }
.col-9 { width:700px; }
.col-10 { width:780px; }
.col-11 { width:860px; }
.col-12 { float:none!important; width:940px; clear:both; }
.container { margin:0 auto; padding:0 10px; width:960px; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, 
.col-7, .col-8 , .col-9, .col-10, .col-11, .col-12
{ position:relative; float:left; margin:20px 10px; padding:0; }

/* - Banner - */
.banner iframe { height:380px; }
.flexslider { position:relative; margin-left:-800px; width:1600px; left:50%; clear:both; }

.flex-direction-nav { width:960px; }

/* - TABLET HORIZONTAL LAYOUT: 1240px and Up - */
@media only screen and (min-width:1240px) {
	
}
.flexslider-featuredProjectPageList { height:260px; }
 
/* - TABLET HORIZONTAL LAYOUT: 800 - */
@media only screen and (max-width:1025px) {
body { min-width:800px; }

.logo { background-position:left bottom; }

/* - CONTAINERS - */
.banner { height:250px;  }
.flexslider { position:relative; margin-left:auto; width:100%; left:auto; clear:both; }

.col-9, .col-12,
.col-3.fastFacts,

.flexslider.projectGallery,
.flexslider.projectGallery .flex-direction-nav,

.col-6.twitter { margin:0 auto auto; width:96%; } 
	
	.flexslider.projectGallery .flex-direction-nav .flex-next,
	.flexslider.projectGallery .flex-direction-nav .flex-prev { bottom:230px; }
	
.flexslider-featuredProjectPageList { height:225px; }
	.flexslider-featuredProjectPageList .col-5 { width:42%; max-height:195px; }
	.flexslider-featuredProjectPageList .slideContentBox h2 { margin-top:10px; }
	
	.flexslider-featuredProjectPageList .slideContentBox { width:50%; }
	
	.flex-direction-nav { width:800px; }
	
	.flex-direction-nav a { bottom:145px; }
	
	.flex-direction-nav .flex-next { right:60px; }
	.flex-direction-nav .flex-prev { left:60px; }
	.flexslider .slideContentBox { top:40%; left:10%; }
	
	.flexslider-webcam iframe { height:295px; }

header.header .container { width:800px; }
.container { width:97%; }

.pages.ourWork h1 { max-width:600px; }
	
	.col-9.pages iframe { height:395px; }

.col-3 { width:22.2%; }
	.news .col-3 { margin-bottom:20px!important; height:150px; }
	.news .col-3 img { width:100%; }
	.news .col-3 .excerpt { min-width:460px; height:215px; bottom:-195px; }
	
li.col-3.projectPieces { margin:0 0 20px; width:480px!important; }
	li.col-3.projectPieces .excerpt { width:460px; }
	li.col-3.projectPieces img { width:480px; }
		
.col-4 { width:246px; }

.col-5.webcam,
.col-7.videos { width:47%; }

.projectHolder .excerpt { width:auto; height:275px; bottom:-178px; }

.projectHolder.members.executive li { height:295px; }
	.projectHolder.members.executive .excerpt { bottom:-258px; }
	.projectHolder.members .excerpt { bottom:-180px; }
	
	.projectHolder li,
	.projectHolder.members li { height:215px; }
	.projectHolder img { top:-295px; }
	
	.col-9.memberBio { width:72.5%; }


.logo { margin-top:31px; }

.nav,
.topRight { padding-top:45px; }

#megaMenu { margin:-15px 0 0; }
#megaMenu ul.megaMenu > li > a { margin-top:25px; padding:30px 0 16px 10px!important; font-size:14px; }
	#megaMenu.megaResponsiveToggle ul.megaMenu { display:block!important; }

.topRight { width:40px; }

.searchButton { background-position:left 31px; margin-top:24px; padding:13px 10px 38px; }
	.searchButton:hover { background-position:-25px 31px; }
#searchform input { width:550px; }

.topRight .social { position:absolute; padding:0!important; width:120px; top:-25px; right:0; }
.closeSearch { margin-top:25px; margin-right:25px; }

.clientList li h2 { font-size:14px; }

.page-template-temp-press-room-php .col-3 { width:150px; }
.col-9.pages.pressRoom { width:70%; }

blockquote:before { left:-70px; }
blockquote { margin:20px 10px 0 70px; }

.page .su-column-style-note-button-area p { padding:0 2px; font-size:20px; line-height:30px; }
a.su-button { font-size:12px; }
	a.su-button:after { padding:2px 8px 0; right:-25px; }
#timeline ul li div h3,
#timeline ul li div p span.timeline-text, #timeline ul li div p { width:275px; }

.flexslider-featuredProjectPageList .flex-direction-nav .flex-next, .flexslider-featuredProjectPageList .flex-direction-nav .flex-prev { bottom:80px; }


#gform_wrapper_2 li#field_2_5 .ginput_container, #gform_wrapper_3 li#field_3_5 .ginput_container { overflow:visible; }
#gform_wrapper_2 li#field_2_5 input, #gform_wrapper_3 li#field_3_5 input, .gform_wrapper textarea#input_2_6, .gform_wrapper textarea#input_3_6 { width:96.5%; }

#gform_wrapper_2 li#field_2_1, #gform_wrapper_2 li#field_2_2, #gform_wrapper_2 li#field_2_3, #gform_wrapper_2 li#field_2_4, #gform_wrapper_3 li#field_3_1, #gform_wrapper_3 li#field_3_2, #gform_wrapper_3 li#field_3_3, #gform_wrapper_3 li#field_3_4 { width:47%; }

input#gform_submit_button_1, input#gform_submit_button_3 { width:20%; }

.footer .col-3 { width:380px; }

}
/* - TABLET HORIZONTAL LAYOUT: 1025 - */
@media only screen and (max-width:825px) {
body { min-width:600px; }

header.header .container { width:600px; }
	
	.flexslider.projectGallery .flex-direction-nav .flex-next,
	.flexslider.projectGallery .flex-direction-nav .flex-prev { bottom:170px; }
	
.flexslider-featuredProjectPageList { width:520px; }
	.flexslider-featuredProjectPageList .col-5 { width:250px; max-height:195px; }
	
	.flexslider-featuredProjectPageList .slideContentBox { width:225px; }
	
	.flex-direction-nav { width:750px; }
	.flex-direction-nav a { bottom:90px; }
	
	.flex-direction-nav .flex-next { right:60px; }
	.flex-direction-nav .flex-prev { left:60px; }
	.flexslider .slideContentBox { top:25%; }
	.slideContentBox h2 { margin-bottom:-10px; padding-top:10px; font-size:25px; }
	
	.flexslider-webcam iframe { height:219px; }

.pages.ourWork h1 { max-width:400px; }
	
	.col-9.pages iframe { height:395px; }

	.news { margin:0 auto; width:600px; }
	.news .col-3 { margin-bottom:20px!important; width:280px; height:235px; }
	.news .col-3 img { width:100%; }
	.news .col-3 .excerpt { min-width:260px; height:215px; bottom:-195px; }
	
li.col-3.projectPieces { margin:0 0 20px; width:280px!important; }
	li.col-3.projectPieces .excerpt { width:260px; }
	li.col-3.projectPieces img { width:280px; }
		
.col-3 { width:29.6%; }
.col-4 { width:280px; }

.projectHolder .excerpt { bottom:-178px; }

.projectHolder.members.executive li { height:333px; }
	.projectHolder.members.executive .excerpt { bottom:-295px; }
	.projectHolder.members .excerpt { bottom:-179px; }
	
	.projectHolder li,
	.projectHolder.members li { height:215px; }
	.projectHolder img { min-height:215px; }
	
	.col-9.memberBio { width:63%; }

.nav,
.topRight { padding-top:0; }


#megaMenu { margin:-15px 0 0; }
#megaMenu ul.megaMenu > li > a { margin-top:25px; padding:30px 0 16px 10px!important; font-size:14px; }
	#megaMenu.megaResponsiveToggle ul.megaMenu { display:block!important; }

.topRight { width:40px; }

.searchButton { background-position:left 31px; margin-top:24px; padding:13px 10px 38px; }
	.searchButton:hover { background-position:-25px 31px; }
#searchform input { width:370px; }

.topRight .social { position:absolute; padding:0!important; width:120px; top:-25px; right:0; }
.closeSearch { margin-top:25px; margin-right:25px; }

.page-template-temp-press-room-php .col-3 { width:80px; }
.col-9.pages.pressRoom { margin:0 10px; width:80%; }

blockquote:before { left:-70px; }
blockquote { margin:20px 10px 0 70px; }

.clientList li h2 { font-size:14px; }

.page .su-column-style-note-button-area p { padding:0 2px; font-size:20px; line-height:30px; }
a.su-button { font-size:12px; }
	a.su-button:after { padding:2px 8px 0; right:-25px; }
#timeline ul li div h3,
#timeline ul li div p span.timeline-text, #timeline ul li div p { width:175px; }

.flexslider-featuredProjectPageList .flex-direction-nav .flex-next, .flexslider-featuredProjectPageList .flex-direction-nav .flex-prev { bottom:90px; }


#gform_wrapper_2 li#field_2_5 .ginput_container, #gform_wrapper_3 li#field_3_5 .ginput_container { overflow:visible; }
#gform_wrapper_2 li#field_2_5 input, #gform_wrapper_3 li#field_3_5 input, .gform_wrapper textarea#input_2_6, .gform_wrapper textarea#input_3_6 { width:96.5%; }

.footer .col-3 { width:280px; }

}

/* - MOBILE VERTICAL LAYOUT: 620 and Below - */
@media only screen and (max-width:620px) {
.webcam { display:none; }

body { min-width:300px; }

.content .su-note-shell a img { margin:0 0 20px; } 

/* - CONTAINERS - */
.logo { float:none; background-size:100%; margin:0 auto; width:200px; height:110px; }
	
	.flexslider-webcam iframe { height:170px; }
	
	.flex-direction-nav { width:420px; }
	.flex-direction-nav a { bottom:40px; }

.pages h1 { font-size:40px; }
	
	.col-9.pages iframe { height:190px; }

.su-column { width:97%!important; }

				
.searchButton:hover + .searchBox { height:175px; }

#searchform input { width:237px; }
.closeSearch { float:none; margin-top:10px; margin-right:0; clear:both; }

blockquote { margin:10px 0 0; }
	blockquote:before, blockquote p:after { display:none; }
	
	blockquote p { font-size:18px; line-height:28px; }
	blockquote em { line-height:normal; }
	
#megaMenu { margin:0 0 10px; width:300px!important; }
	#megaMenu.megaResponsiveToggle ul.megaMenu { display:none!important; }

	.responsiveSelectContainer select.responsiveMenuSelect, 
	select.responsiveMenuSelect { color:#fff;
		font-family:'UniversLTStd', Arial, Helvetica, sans-serif; }

header.header .container { width:300px; }
header.header { height:270px; }
	.nav { top:70px; }
	
	.topRight { margin-top:34px; }
	.topRight .social { top:70px; left:90px; }

	.searchSite { margin:0; }
	
a span.readMore.single { float:none; margin-top:20px; margin-left:10px; }
	
#timeline ul { background:none!important; }	

#timeline ul li:nth-child(2n+1) div h3:after,
#timeline ul li:nth-child(2n) div h3:before { display:none; }

#timeline ul li:nth-child(2n+1),
#timeline ul li:nth-child(2n),

#timeline ul li:nth-child(2n+1) > div,
#timeline ul li:nth-child(2n) > div,

#timeline ul li:nth-child(2n) > div h3.timeline-date, 
#timeline ul li:nth-child(2n) > div p { float:none; margin:0 0 20px; padding:0; }

#timeline ul li { margin:10px auto!important; width:280px; overflow:hidden; }

	#timeline ul li:nth-child(2n+1) > div,
	#timeline ul li:nth-child(2n) > div { background:none!important; }
	
#timeline ul li div h3, 
#timeline ul li div p span.timeline-text, 
#timeline ul li div p { width:200px; }

#timeline ul li:nth-child(2n) > div h3.timeline-date { padding:40px 40px 10px; }

#timeline ul li:nth-child(2n) > div h3.timeline-date,
#timeline ul li:nth-child(2n) div p span.timeline-text { right:0; }

.col-3 { width:93%; }
.col-3.memberInfo { margin-bottom:0; }
	
.col-5.webcam,
.col-7.videos { float:none; margin:10px auto; }

.news .col-3 { margin:0; }

.news,
.col-3.memberInfo,
.col-5.webcam,
.col-7.videos { width:280px; }

.col-9.memberBio { width:93%; }

ul.clientList li.col-3 { width:280px; }
.clientList li h2 { font-size:18px; }

.clientList li a .excerpt { width:240px; height:280px; top:-320px; }
	.clientList li .excerpt img { width:90px; }
	
.flexslider-featuredProjectPageList { width:220px; height:auto; }
	.flexslider-featuredProjectPageList .col-5 { width:200px; max-height:190px; }
	.flexslider-featuredProjectPageList .slideContentBox { position:relative; width:200px; top:auto; right:-10px; bottom:auto; left:auto; clear:both; }

.projectHolder li { height:255px; }
.projectHolder.members li.col-3 { height:345px; }

.projectHolder img { top:-275px; } 

.projectHolder.members .excerpt { height:336px; bottom:-307px; }

.projectHolder.members img { width:100%; min-height:auto; top:-355px; }
.projectHolder .excerpt { height:100%; bottom:-218px; }

.su-column.su-column-style-contact-note p { padding:0 0 20px; }
.su-column-last.su-column.su-column-style-contact-note p { padding:0; }

.su-column-style-contact-left, .su-column-style-contact-center, .su-column-style-contact-right { border:none; }

.flexslider .slideContentBox { display:none; }

	.flexslider-videos .slideContentBox h2 { margin-bottom:0; padding-top:25px; font-size:20px; }
	
	.flexslider.projectGallery .flex-direction-nav .flex-next,
	.flexslider.projectGallery .flex-direction-nav .flex-prev { bottom:50px; }
	
.page .su-note-shell a.su-button { width:200px; }


#gform_wrapper_2 li#field_2_5 .ginput_container, #gform_wrapper_3 li#field_3_5 .ginput_container { overflow:visible; }
#gform_wrapper_2 li#field_2_5 input, #gform_wrapper_3 li#field_3_5 input, .gform_wrapper textarea#input_2_6, .gform_wrapper textarea#input_3_6 { width:93.5%; }

#gform_wrapper_2 li#field_2_1, #gform_wrapper_2 li#field_2_2, #gform_wrapper_2 li#field_2_3, #gform_wrapper_2 li#field_2_4, #gform_wrapper_3 li#field_3_1, #gform_wrapper_3 li#field_3_2, #gform_wrapper_3 li#field_3_3, #gform_wrapper_3 li#field_3_4 { width:97%; }

input#gform_submit_button_1, input#gform_submit_button_3 { width:50%; }

}

/*----------END RESPONSIVE LAYOUTS----------*/